<template>
	<view class="accessRecordWp">
		<view class="accessRecord">
			<view class="item">
				<view class="title">
					今日浏览次数（次）
				</view>
				<view class="number">
					{{countView.todayView?countView.todayView:0}}
				</view>
			</view>
			<view class="item">
				<view class="title">
					今日访问（人）
				</view>
				<view class="number">
					{{countView.todayPeople?countView.todayPeople:0}}
				</view>
			</view>
			<view class="item">
				<view class="title">
					累计浏览次数（次）
				</view>
				<view class="number">
					{{countView.sumView?countView.sumView:0}}
				</view>
			</view>
			<view class="item">
				<view class="title">
					累计访问（人）
				</view>
				<view class="number">
					{{countView.sumPeople?countView.sumPeople:0}}
				</view>
			</view>
		</view>

	</view>

</template>

<script>
	export default {
		props: {
			countView: {
				type: Object
			}
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.accessRecordWp {
		margin: 24rpx 32rpx;

		.accessRecord {

			margin: 0 auto;
			padding: 24rpx 32rpx;
			height: 188rpx;
			opacity: 1;
			display: flex;
			flex-wrap: wrap;
			background-color: #e6ebf5;
			border-radius: 20rpx;

			.item {
				width: 50%;

				.title {
					height: 34rpx;
					font-size: 24rpx;
					font-weight: 400;
					color: #86909C;
					line-height: 34rpx;
				}

				.number {
					margin-left: 10rpx;
					margin-top: 8rpx;
					height: 40rpx;
					font-size: 28rpx;
					font-weight: 600;
					color: #276AEE;
					line-height: 39rpx;
				}
			}

		}
	}
</style>